/*
    此文件用于写基础变量
 */


/* 颜色 */

$color-primary-200: rgba(255, 242, 240, 1);
$color-primary-300: rgba(251, 210, 207, 1);
$color-primary-400: rgba(248, 127, 124, 1);
$color-primary-500: rgba(235, 94, 94, 1);
$color-primary-600: rgba(195, 78, 86, 1);
$color-primary-700: rgba(146, 59, 70, 1);
$color-alpha-primary-8: rgba(246, 89, 89, 0.08);
$color-alpha-primary-16: rgba(246, 89, 89, 0.16);
$color-alpha-primary-24: rgba(246, 89, 89, 0.24);
$color-alpha-primary-32: rgba(246, 89, 89, 0.32);
$color-alpha-primary-48: rgba(246, 89, 89, 0.48);
$color-alpha-primary-64: rgba(246, 89, 89, 0.64);
$color-alpha-primary-80: rgba(246, 89, 89, 0.8);
$color-alpha-primary-90: rgba(246, 89, 89, 0.9);
$color-success-200: rgba(235, 250, 242, 1);
$color-success-300: rgba(180, 240, 210, 1);
$color-success-400: rgba(100, 217, 167, 1);
$color-success-500: rgba(34, 191, 129, 1);
$color-success-600: rgba(16, 158, 111, 1);
$color-success-700: rgba(14, 117, 90, 1);
$color-alpha-success-8: rgba(36, 201, 135, 0.08);
$color-alpha-success-16: rgba(36, 201, 135, 0.16);
$color-alpha-success-24: rgba(36, 201, 135, 0.24);
$color-alpha-success-32: rgba(36, 201, 135, 0.32);
$color-alpha-success-48: rgba(36, 201, 135, 0.48);
$color-alpha-success-64: rgba(36, 201, 135, 0.64);
$color-alpha-success-80: rgba(36, 201, 135, 0.8);
$color-alpha-success-90: rgba(36, 201, 135, 0.9);
$color-danger-200: rgba(255, 242, 240, 1);
$color-danger-300: rgba(251, 210, 207, 1);
$color-danger-400: rgba(248, 163, 161, 1);
$color-danger-500: rgba(235, 94, 94, 1);
$color-danger-600: rgba(195, 78, 86, 1);
$color-danger-700: rgba(146, 59, 70, 1);
$color-alpha-danger-8: rgba(235, 94, 94, 0.08);
$color-alpha-danger-16: rgba(235, 94, 94, 0.16);
$color-alpha-danger-24: rgba(235, 94, 94, 0.24);
$color-alpha-danger-32: rgba(235, 94, 94, 0.32);
$color-alpha-danger-48: rgba(235, 94, 94, 0.48);
$color-alpha-danger-64: rgba(235, 94, 94, 0.64);
$color-alpha-danger-80: rgba(235, 94, 94, 0.8);
$color-alpha-danger-90: rgba(235, 94, 94, 0.9);
$color-warning-200: rgba(252, 246, 230, 1);
$color-warning-300: rgba(250, 231, 182, 1);
$color-warning-400: rgba(250, 204, 112, 1);
$color-warning-500: rgba(242, 165, 10, 1);
$color-warning-600: rgba(199, 123, 10, 1);
$color-warning-700: rgba(153, 89, 15, 1);
$color-alpha-warning-8: rgba(230, 156, 9, 0.08);
$color-alpha-warning-16: rgba(230, 156, 9, 0.16);
$color-alpha-warning-24: rgba(230, 156, 9, 0.24);
$color-alpha-warning-32: rgba(230, 156, 9, 0.32);
$color-alpha-warning-48: rgba(230, 156, 9, 0.48);
$color-alpha-warning-64: rgba(230, 156, 9, 0.64);
$color-alpha-warning-80: rgba(230, 156, 9, 0.8);
$color-alpha-warning-90: rgba(230, 156, 9, 0.9);
$color-alpha-warning-300-64:rgba(250, 231, 182, 0.64);
$color-info-200: rgba(235, 245, 252, 1);
$color-info-300: rgba(193, 226, 255, 1);
$color-info-400: rgba(133, 194, 255, 1);
$color-info-500: rgba(64, 153, 255, 1);
$color-info-600: rgba(41, 106, 204, 1);
$color-info-700: rgba(34, 77, 166, 1);
$color-alpha-info-8: rgba(64, 153, 255, 0.08);
$color-alpha-info-16: rgba(64, 153, 255, 0.16);
$color-alpha-info-24: rgba(64, 153, 255, 0.24);
$color-alpha-info-32: rgba(64, 153, 255, 0.32);
$color-alpha-info-48: rgba(64, 153, 255, 0.48);
$color-alpha-info-64: rgba(64, 153, 255, 0.64);
$color-alpha-info-80: rgba(64, 153, 255, 0.8);
$color-alpha-info-90: rgba(64, 153, 255, 0.9);
$color-black-100: rgba(255, 255, 255, 1);
$color-black-200: rgba(245, 246, 248, 1);
$color-black-250: rgba(237, 240, 245, 1);
$color-black-300: rgba(228, 232, 240, 1);
$color-black-400: rgba(184, 194, 214, 1);
$color-black-500: rgba(140, 155, 184, 1);
$color-black-600: rgba(97, 112, 143, 1);
$color-black-700: rgba(71, 88, 122, 1);
$color-black-800: rgba(51, 68, 102, 1);
$color-black-900: rgba(32, 45, 70, 1);
$color-black-1000: rgba(24, 37, 61, 1);
$color-alpha-white-8: rgba(255, 255, 255, 0.08);
$color-alpha-white-16: rgba(255, 255, 255, 0.16);
$color-alpha-white-24: rgba(255, 255, 255, 0.24);
$color-alpha-white-32: rgba(255, 255, 255, 0.32);
$color-alpha-white-48: rgba(255, 255, 255, 0.48);
$color-alpha-white-64: rgba(255, 255, 255, 0.64);
$color-alpha-white-80: rgba(255, 255, 255, 0.8);
$color-alpha-white-90: rgba(255, 255, 255, 0.9);
$color-alpha-black-8: rgba(24, 37, 61, 0.08);
$color-alpha-black-16: rgba(24, 37, 61, 0.16);
$color-alpha-black-24: rgba(24, 37, 61, 0.24);
$color-alpha-black-32: rgba(24, 37, 61, 0.32);
$color-alpha-black-48: rgba(24, 37, 61, 0.48);
$color-alpha-black-64: rgba(24, 37, 61, 0.64);
$color-alpha-black-80: rgba(24, 37, 61, 0.8);
$color-alpha-black-90: rgba(24, 37, 61, 0.9);

/* 间距 */

$spacing-mini-er: 0.2rem;
$spacing-mini: 0.5rem;
$spacing-narrow: 0.75rem;
$spacing-small: 1rem;
$spacing-base: 1.25rem;
$spacing-wide: 2rem;
$spacing-large: 2.5rem;

/* 动画 */

$transition-duration-12: .12s;
$transition-timing-function: cubic-bezier(.25, .1, .25, 1);

/*文字大小*/

$font-sise32:2rem;